<style>
    .my_font_size{
        font-size: 14px;
        font-weight:900;
    }

</style>
<div id = "header-app">
    <div class="container">
        <div class="logo float-left" >
            <h1 class="text-light"><a href="index.html">地震数据挖掘与分析</a></h1>
        </div>
        <el-menu default-active="activeIndex" text-color="white" background-color="transparent" class="el-menu-demo nav-menu float-right d-none d-lg-block" mode="horizontal">
            <el-menu-item index="1" class="my_font_size "><a href="index.html">首页</a></el-menu-item>
            <el-menu-item index="2" class="my_font_size "><a href="about.html">关于我们</a></el-menu-item>
            <el-menu-item index="2" class="my_font_size "><a href="charts.html">数据服务</a></el-menu-item>
            <el-menu-item index="4" class="my_font_size "><a href="login.html">登录/注册</a></el-menu-item>
            <el-menu-item index="5" class="my_font_size "><a href="portfolio.html">结果展示</a></el-menu-item>
            <el-menu-item index="6" class="my_font_size "><a href="contact.html">建议</a></el-menu-item>
        </el-menu>
    </div>
</div>

<script>
    new Vue({
        el: '#header-app',
        data:{
            activeIndex:1
        },
        methods:{
        }
    });
</script>
